// pages/personal/personal.js

import request from '../../utils/request'
// 按下的纵坐标
let startY = 0
// 移动的纵坐标
let moveY = 0
// 移动的距离
let distanceY = 0
Page({
  // 手指按下
  handlerStart (event) {
    this.setData({
      convertTransition: ''
    })
    // 获取按下的坐标点
    startY = event.touches[0].clientY
  },
  // 手指移动
  handlerMove (event) {
    // 后去移动中的坐标点
    moveY = event.touches[0].clientY
    // 计算移动距离
    distanceY = moveY - startY
    // 限制最小和最大的移动距离
    if (distanceY < 0) {
      distanceY = 0
      return
    }
    if (distanceY >= 80) {
      distanceY = 80
    }
    // 设置移动的效果
    this.setData({
      convertTransform: `translateY(${distanceY}rpx)`
    })
  },
  // 手指离开
  handlerEnd () {
    this.setData({
      convertTransform: `translateY(0rpx)`,
      convertTransition: 'transform 1s linear'
    })
  },
  /**
   * 页面的初始数据
   */
  data: {
    convertTransform: `translateY(0rpx)`, // 设置移动距离
    convertTransition: '', // 设置缓动效果
    userInfo: {}, // 用户信息
    recentList:[] // 最近播放记录列表数据
  },
  // 跳转到登录界面
  toLogin () {
    // 先获取用户信息,判断是否存在,不存在才可以跳转
    if (!this.data.userInfo.avatarUrl) {
      wx.navigateTo({
        url: '/pages/login/login'
      })
    }

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 从缓存中读取数据
    const userInfo = wx.getStorageSync('userInfo')
    // 判断缓存信息是否存在
    if (userInfo) {
      this.setData({
        userInfo: JSON.parse(userInfo)
      })
      // 获取该用户的最近播放记录数据
      this.getUserInfoRecentList(this.data.userInfo.userId)
    }
  },
  // 获取最近播放记录的方法
  async getUserInfoRecentList (uid) { 
    // 调用接口,发送请求,传入参数
    const result = await request('/user/record', { uid, type: 0 })
    // 自己做个id属性
    let index = 0
    const recentList = result.allData.slice(0, 10).map(item => { 
      item.id = index++
      return item
    })
    this.setData({
      recentList
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 这里读取缓存中的用户信息不合适:这个回调会执行多次
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})